@charset "utf-8";
/**
 *	Theme Name: JaneStyle
 *	Theme URL: http://www.175750.com/
 *	Description: JaneStyle主题更新地址：<a href="http://www.175750.com/">起舞主题网</a>
 *	Author: 起舞主题网
 *	Author URI: http://www.175750.com/
 *	Version: 2.0
 */
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { /*font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;*/ }
body { font-size: 14px; background: #FFF; color: #333; font-family: Tahoma,Arial,Helvetica,sans-serif,"Microsoft YaHei"; }
button, input, select, textarea { font-weight: 500px; outline: none; border: none; }
caption, th, td{ text-align: left; font-weight: normal; }
td { font-size: 12px; color: #999; }
ul, ol, li { border: 0px; list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-family: "Microsoft YaHei"; padding: 0px; margin: 0px; word-spacing: 0px; letter-spacing: 0px; font-weight: 500; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }
a { text-decoration :none; color: #000; outline:none; text-overflow: clip; transition: all 0.2s ease; -webkit-transition: all 0.2s ease;	-moz-transition: all 0.2s ease;	-o-transition: all 0.2s ease;  }
a:hover { color: #DB2A11; }
img { max-width: 100%; height: auto; border: none; font-size: 0px; }
/* 
HTML网页高度变化导致页面抖动的解决方法
html,body{ overflow-y:scroll;}
html,body{ overflow:scroll; min-height:101%;}
html{ overflow:-moz-scrollbars-vertical;}
*/

/* layout */
.wp { width: 1000px; margin: 0 auto; }
.cls { clear: both; }
.fl { float: left; }
.fr { float: right; }
.mt { margin-top: 25px; }
.mb { margin-bottom: 20px; }
.ml { margin-left: 20px; }
.pt { padding-top: 15px; }
.w670, .w330, .w310 .w300, .w235, .w188 { overflow: hidden; }
.w670 { width: 670px; }
.w330 { width: 330px; }
.w310 { width: 310px; }
.w300 { width: 300px; }
.w235 { width: 235px; }
.w188 { width: 188px; }
.stit { height: 35px; line-height: 35px; width: 100%; padding: 5px 0; border-bottom: 2px solid #DDD; overflow: hidden; }
.stit strong { font: 500 26px/35px NSimSun; }
.stit span { font: 500 20px/35px Georgia; color: #DB2A11; vertical-align: top; font-style: italic; }
.stit i { font-size: 22px; }
.stit h3 { font-size: 20px; }
.stit h3 b { color: #DB2A11; margin-right: 8px; }
.ad { width: 800px; height: 100px; overflow: hidden; }
.ad1 a { display: block; width: 100%; height: 100px; }
.ad2 a { display: block; width: 100%; height: 350px; }
/* float grid */
.fixed { top: -15px; }

/* top */
.top { background: #F8F8F8; width: 100%; height: 35px; border-bottom: 1px solid #ECECEC; overflow: hidden; }
.top a { color: #888; line-height: 35px; }
.top a:hover { color: #333; }
.tool { overflow: hidden; }
.tool a { margin-right: 15px; }
.user { float: left; padding: 0 15px; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; }
.user a:hover { color: #DB2A11; }


/* header */
#header { background: #FFF; height: auto; /*box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);*/ overflow: hidden; }
.banner { height: 95px; margin: 5px 0; overflow: hidden; }
.logo { margin-top: 18px; width: 180px; height: 60px; }
.logo a { background: url(./img/logo.png) no-repeat; display: block; width: 180px; height: 60px; }
.logo h1, .logo a { font-size: 0px; text-indent: -9999em; }
.nav { background: #333; padding: 0 15px; height: 42px; position: relative; }
.nav ul { float: left; padding: 0px; }
.nav li { float: left; display: inline-block; float: left; }
.nav li a { font: 18px/42px "微软雅黑"; color: #FFF; padding: 0 15px; display: block; }
.nav li a:hover, .nav li:hover a, .nav .cur a { background: #DB2A11; }
.sub-menu { display: none; background: #DB2A11; width: 100%; position: absolute; top: 42px; left: 0; zoom: 1; z-index: 99; }
.nav li:hover .sub-menu { display: block; }
.navbar { background: #FFF; height: 35px; padding: 5px 10px; border-bottom: 2px solid #ECECEC; overflow: hidden; }
.navbar .fl { width: 70%; height: 35px; overflow: hidden; }
.navbar .fl a, .navbar .fl strong { color: #888; line-height: 35px; margin-right: 8px; }
.search { background: #FFF; color: #999; height: 30px; margin-top: 2px; float: right; border: 1px solid #DDD; overflow: hidden; border-radius: 3px; }
.search input { color: #999; width: 225px; line-height: 30px; height: 30px; border: 0px none; padding-left: 5px; position: relative; top: -2px; }
.search button { color: #333; background: #ECECEC; width: 50px; height: 30px; line-height: 30px; font: 14px/28px "Microsoft YaHei","微软雅黑"; cursor: pointer; }

   
/* cont */
#main { overflow: hidden; }
.firstPart { margin-top: 20px; overflow: hidden; }
.slide { position: relative; height: 320px; overflow: hidden; text-align: left; background: #999; }
.slide .pic { width: 100%; height: 320px; display: block; position: relative; }	
.slide .pic li { position: absolute; width: 100%; left: 0px; top: 0px; display: none;}
.slide .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 50px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }	
.slide .txt { position: absolute; bottom: 0; z-index: 2; height: 50px; width:100%; overflow: hidden; }
.slide .txt li{ height: 50px; position: absolute; bottom: -50px;}	
.slide .txt li a{ display: block; color: white; padding: 0 0 0 10px; font: 400 18px/50px "Microsoft YaHei","微软雅黑","SimSun","宋体"; text-decoration: none; }	
.slide .num { position: absolute; z-index: 3; bottom: 15px; right: 10px; }	
.slide .num li{ float: left; position: relative; width: 18px; height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer; }	
.slide .num li a, .slide .num li span { font-size: 12px; position: absolute; z-index: 2; display: block; color: #333; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }	
.slide .num li span { z-index: 1; background: #FFF; }	
.slide .num li.on a, .slide .num a:hover{ background: #F00; color: white; }	
.side { background: #555; height: 320px; }
.model1 { overflow: hidden; }
.hpic { margin-top: 10px; }
.hpic a { display: block; width: 310px; height: 465px; margin-top: 20px; overflow: hidden; }
.hpic-tit { background-color: rgba(0, 0, 0, 0.6);
color: #FFF; display: block; line-height: 30px; overflow: hidden; margin-top: -35px; height: 30px; cursor: pointer; z-index: 2; position: relative; font-size: 12px; text-align: center; }
.focus { margin-top: 10px; }
.focus-item { padding: 16px 0; border-bottom: 1px dotted #CCC; display: block; overflow: hidden; }
.focus-news { width: 185px; }
.focus-news > h2 { font: 14px/28px "Microsoft YaHei","微软雅黑","SimSun","宋体"; display: block; width: 100%; height: 28px;
white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.focus-news > p { color: #777; font-size: 13px; line-height: 25px; height: 75px; overflow: hidden; }
.focus-news > a { color: #FFF; font-size: 12px; display: block; background: #DB2A11; float: right; margin: 3px -15px; padding: 2px 5px; }
.focus-img  {width: 130px; height: 130px; overflow: hidden; }
.std { margin-top: 10px; }
.std-item { padding: 15px 0; border-bottom: 1px solid #EBEBEC; overflow: hidden; }
.std-news { width: 205px; }
.std-news h4 { display: block; line-height: 30px; height: 30px; font-size: 16px; margin-bottom: 5px; width: 185px; white-space: nowrap;
text-overflow: ellipsis; overflow: hidden; }
.std-news p { color: #999; font-size: 12px; line-height: 20px; }
.std-img { display: block; width: 80px; height: 80px; overflow: hidden; }
.model2 {width: 100%; margin-top: 20px; overflow: hidden;  }
.post { margin: 10px 0; }
.post-list { width: 100%; height: 160px; padding: 20px 0; border-bottom: 1px dotted #CCC; overflow: hidden; }
.post-img { width: 200px; height: 160px; overflow: hidden; }
.post-news { width: 450px; height: 120px; }
.post-news > h2 { line-height: 32px; height: 32px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: 460px; margin-bottom: 6px; border-bottom: 1px dotted #E8E8E8; }
.post-news > h2 > span, .post-news > h2 > span > a { color: #DB2A11; }
.post-news > h2 > a { margin-left: 5px; }
.post-news > p { line-height: 25px; color: #777; }
.post-news .data { margin-top: 15px; color: #999; }
.post-news .data span { margin-left: 10px; }
.post-news .data span .fa { margin-right: 5px; }
.tag { padding: 10px 0; overflow: hidden; }
.tag a { display: inline-block; background: #FFF; height: 24px; font: 14px/24px Arial,"Microsoft YaHei";
color: #333; padding: 0 10px; margin: 8px 3px 0 0; border: 1px solid #E1E1E1; }
.tag a:hover { color: #FFF; background: #DB2A11; border: 1px solid #DB2A11; }
.pagination, .page-links { margin: 25px 0; }
.page-links { text-align: center; }
.pagination a, .page-links span { margin: 0px 2px; padding: 8px 13px; border: 1px solid #CCC; background: #FFF;border-radius: 10%; color: #777; }
.pagination a { display: block; float: left; }
.pagination .current,.page-links > span, .pagination a:hover, .page-links span:hover { background: #333; color: #FFF; border: 1px solid #333; }

/* sidebar */
.sidebar { height: auto; overflow: hidden; }
.hot { margin-top: 10px; }
.month, .week { width: 100%; overflow: hidden; }
.hot li { height: 49px; line-height: 45px; border-bottom: 1px dotted #A3A3A3; font-size: 16px; text-overflow: ellipsis; display: block; overflow: hidden; width: 100%; white-space: nowrap; }
.hot li em { width: 29px; height: 49px; font-size: 23px; font-family: Impact; }
.hot li a { margin-left: 15px; color: #666; text-decoration: none; font-family: "微软雅黑"; }
.hot li a:hover { color: #DB2A11; }
.cat { width: 100%; padding: 10px 0; overflow: hidden; }
.cat li { margin-top: 15px; float: left; overflow: hidden; }
.cat li:nth-child(odd) { margin-right: 20px; }
.cat li a { font: 500 14px/35px "微软雅黑"; color: #333; text-align: center; display: block; background: #F3F3F3;
width: 140px; }
.cat li a:hover { background: #DB2A11; color: #FFF; }
.link { width: 100%; padding: 10px 0; overflow: hidden; }
.link a { display: inline-block; font-size: 1.2em; padding: 5px; color: #777; }
.link a:hover { color: #DB2A11; }

/* footer */
#footer {background: #F8F8F8; width: 100%; margin-top: 120px; border-top: 2px solid #DDD; overflow: hidden; }
#footer .wp { padding: 25px 0; text-align: center; }
#footer .wp .span { font-size: 14px;  background: url(./img/logo.png) no-repeat; display: inline-block; width: 180px; height: 60px; }
#footer .wp .span > a { font-size: 14px;  display: block; width: 180px; height: 60px; }
#footer .wp p { font-size: 14px; line-height: 1.6em; text-align: center; }
.backtop { text-align: center; background: #F2F2F2; display: none; width: 45px; height: 45px; line-height: 45px; position: fixed; bottom: 55px; right: 30px; z-index: 100; }

/* archive */
.postion { width: 100%; border-bottom: 1px solid #FFF; color: #999; line-height: 26px; margin-top: 15px; }
.postion a { color: #999; }

/* single */
.post-s { color: #666; width: 100%; border-top: 1px dotted #CCC; }
.post-s h1 { font: 1.8em/2em "Microsoft YaHei"; margin: 12px 0; }
.note { color: #B2B2B2; line-height: 20px; height: 20px; font-size: 12px; margin-top: 15px; }
.note span { margin-right: 5px; }
.note span a { color: #B2B2B2; }
.note span i { margin-right: 3px; font-size: 15px; }
.conts { margin: 20px 0; overflow: hidden; }
.conts p { font-size: 14px; line-height: 25px; word-break: break-all; margin-bottom: 15px; }
.conts p img { margin: 15px 0; }
.related { width: 100%; margin: 35px 0; overflow: hidde; }
.related ul { padding: 10px; border: 1px solid #E1E1E1; overflow: hidden; }
.related li { float: left; width: 147px; margin: 5px; overflow: hidden; }
.related li span { font: 1.2em/2.5em "Microsoft YaHei"; height: 35px; display: block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }

/* comments */
#comments { margin-top: 25px; overflow: hidden; }
#comments > h3,.comment-reply-title { background: #333; color: #fff; font: 20px "微软雅黑"; height: 48px; line-height: 48px; padding-left: 20px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
#comments h3 > .fa { margin-right: 5px; }
.comment-list { margin: 20px 0px; }
.comment-body { position: relative; padding: 10px 0px 20px 120px; }
.comment-author { position: absolute; left: 0; top: 10px; text-align: center; width: 60px; }
.comment-author .avatar {  margin-bottom: 3px; width: 50px; height: 50px; background: #FFF; border-radius: 50%; }
.comment-data { position: relative; padding: 5px; margin-left: -50px; background: #FCFCFC; border-bottom: 1px dotted #CCC; }
.comment-data p { color: #686868;  line-height: 25px; }
.comment-data cite { font-style: normal; color: #DB2A11; font-weight: 600; position: relative; overflow: hidden; }
.comment-data cite a { color: #DB2A11; }
.comment-text { font-size: 14px; line-height: 22px; padding-bottom: 10px; word-wrap: break-word; border-bottom: 1px dotted #DDD; }
.reply {  text-align: right; color: #999; }
.reply a,.comment-edit-link { color: #999; margin-left: 10px; }
.children { margin: 20px 0 -20px -55px; }
.commentnav { overflow: hidden; text-align: center; padding: 20px; }
.commentnav .page-numbers { padding: 4px 12px 3px; color: #686868; display: inline-block; background: #FCFCFC; margin: 0px 1px; }
.commentnav .current { background: #DB2A11; color: #FFF; }
.commentnav a:hover { background:#8DB800; color: #fff; }
#respond { margin: 5% 0; color: #555; }
.comment-form { padding: 15px 1px; padding: 0 10px; font-size: 14px; }
.comment-form p { line-height: 20px; }
.required { color: #FF4627; margin: 0 5px; }
.comment-form-author, .comment-form-email, .comment-form-url { width: 32%; float: left; }
.comment-form-email, .comment-form-url { margin-left: 2%; }
#commentform label { padding: 6px 0px; display: block; }
.comment-notes { margin-top: 15px; }
#commentform input[type="text"], #commentform textarea { padding: 8px 1.8%; width: 96%; border: 1px solid #EEE;font-size: 14px; background: #FCFCFC; }
#commentform textarea { padding: 8px 1.8%; width: 96%; border: 1px solid #EEE; background: #FCFCFC; }
#smilelink{cursor:pointer; width:465px;}
.comment-form-comment { width: auto; }
.form-allowed-tags { font-size: 0px; text-indent: -999px; display: none; }
#commentform p.form-submit { margin-top: 10px; }
#commentform input#submit { margin: 10px 10px 0px 0px; width: 120px; height: 36px; border: 0px none; background: #DDD; color: #333; text-align: center; line-height: 16px; cursor: pointer; }
#commentform input#submit:hover { background: #8DB800; }

/* 404 */
.main_404{width:950px;margin:20px auto;}
.error_txt{ margin-top:35px;background:url(./img/bg404.jpg) no-repeat top center; font-size:12px; line-height:22px; padding-top:100px; padding-left:360px; height:180px;}
.error_txt img{ margin:0 3px -5px 3px; }
.time { text-align: center; }
.time input { color: #DB2A11; font: 28px Helvetica; }

